<template>
  <div class="main">
    <div class="main-title">
      <div class="head">
        <img src="../../assets/head/liaotian_02.png" alt="" />
      </div>
      <div class="title"> 
        <p class="title-1">路上一起走</p>
        <p class="title-2">简介一起在路上</p>
        <p class="title-3">
           <span class="gz">关注 12</span>
           <span>粉丝 3</span>
        </p>
      </div>
    </div>
    我的
  </div>
</template>

<script>
export default {
  components: {},
};
</script>

<style scoped>
.main {
  background: #f5f5f5;
}
.main-title {
  width: 100%;
  background: #fff;
  height: 200px;
  margin: 0 auto;
}
.head {
  width: 0.72rem;
  height: 0.72rem;
  border: 1px solid #999;
  border-radius: 50%;
  margin-top: 0.505rem;
  margin-left: 1.51rem;
  margin-bottom: 0.2rem;
}
.head img {
  width: 0.72rem;
  height: 0.72rem;
}
.title{
  width: 100%;
  
}
.title-1 {
  font-size: 0.12rem;
  margin-bottom: 0.1rem;
  margin-left: 1.56rem;
}
.title-2{
  font-size:0.1rem;
  margin-bottom: 0.1rem;
  margin-left: 1.48rem;
}
.title-3{
  font-size: 0.12rem;
  margin-bottom: 0.1rem;
  margin-left: 1.20rem;
}
.title-3 .gz{
  margin-right: 0.595rem;

}
  
  



</style>>

